<template>
    <div class="container">
        <div class="background"></div>
        <slot></slot>
    </div>
</template>

<script type="text/ecmascript-6">
  /**
   * @author 白雨浓
   * @date 2019/6/23 16:33
   *
   * 带有返回Toolbar的基础容器
   **/
  export default {
    name: 'Container',
    data() {
      return {}
    },
    mounted() {
      this.$nextTick(() => {

      })
    },
    methods: {}
  }
</script>

<style lang="stylus" rel="stylesheet/stylus" scoped>
    .container {
        height 100vh
    }

    .background {
        position fixed
        top 0
        left 0
        width 100%
        height 100%
        background-image url("../../assets/image/background.jpg")
        background-repeat no-repeat
        background-size cover
        z-index -999
    }
</style>
